@charset 'utf-8';
* {
  margin: 0;
  padding: 0;
}
.banner {
  height: 550px;
}
.banner .banner-nav {
  display: block;
  position: absolute;
  z-index: 20;
  width: 200px;
  height: 440px;
  background: #f5f3f5;
  left: 120px;
  margin: 20px 0;
  border-radius: 10px;
}
.banner .banner-nav ul .banner-nav_1 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_1 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_1 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 {
  position: absolute;
  width: 600px;
  height: 440px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_1 .banner-nav_yz1 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_2 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_2 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_2 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 {
  position: absolute;
  top: -44px;
  width: 600px;
  height: 440px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_2 .banner-nav_yz2 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_3 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_3 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_3 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 {
  position: absolute;
  top: -88px;
  width: 600px;
  height: 440px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_3 .banner-nav_yz3 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_4 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_4 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_4 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -132px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_4 .banner-nav_yz4 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_5 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_5 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_5 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -176px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_5 .banner-nav_yz5 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_6 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_6 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_6 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -220px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_6 .banner-nav_yz6 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_7 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_7 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_7 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -264px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_7 .banner-nav_yz7 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_8 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_8 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_8 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -308px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_8 .banner-nav_yz8 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_9 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_9 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_9 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -352px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_9 .banner-nav_yz9 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_10 {
  display: flex;
  justify-content: space-between;
  list-style: none;
  width: 200px;
  height: 44px;
  position: relative;
}
.banner .banner-nav ul .banner-nav_10 a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  width: 200px;
  line-height: 44px;
  color: #848484;
  margin-left: 10px;
}
.banner .banner-nav ul .banner-nav_10 p {
  line-height: 44px;
  font-size: 16px;
  color: #848484;
  margin-right: 10px;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 {
  position: absolute;
  width: 600px;
  height: 440px;
  top: -396px;
  background: #d8d7d6;
  left: 200px;
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  display: none;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 {
  width: 250px;
  height: 440px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  float: left;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 li:nth-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul1 li:nth-last-child(1) {
  margin: 0;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul2 {
  width: 250px;
  height: 440px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul2 li {
  display: flex;
  justify-content: space-between;
  list-style: none;
  clear: both;
  margin-left: 0 ;
  width: 250px;
  height: 50px;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul2 li img {
  width: 50px ;
  height: 50px ;
  margin: 5px 0;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul2 li a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  line-height: 50px;
  color: #848484;
}
.banner .banner-nav ul .banner-nav_10 .banner-nav_yz10 .ul2 li:nth-last-child(1) a {
  text-align: center;
}
.banner .banner-nav ul .banner-nav_1 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_1:hover .banner-nav_yz1 {
  display: block;
}
.banner .banner-nav ul .banner-nav_2 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_2:hover .banner-nav_yz2 {
  display: block;
}
.banner .banner-nav ul .banner-nav_3 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_3:hover .banner-nav_yz3 {
  display: block;
}
.banner .banner-nav ul .banner-nav_4 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_4:hover .banner-nav_yz4 {
  display: block;
}
.banner .banner-nav ul .banner-nav_5 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_5:hover .banner-nav_yz5 {
  display: block;
}
.banner .banner-nav ul .banner-nav_6 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_6:hover .banner-nav_yz6 {
  display: block;
}
.banner .banner-nav ul .banner-nav_7 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_7:hover .banner-nav_yz7 {
  display: block;
}
.banner .banner-nav ul .banner-nav_8 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_8:hover .banner-nav_yz8 {
  display: block;
}
.banner .banner-nav ul .banner-nav_9 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_9:hover .banner-nav_yz9 {
  display: block;
}
.banner .banner-nav ul .banner-nav_10 a:hover {
  color: #da2a2a;
}
.banner .banner-nav ul .banner-nav_10:hover .banner-nav_yz10 {
  display: block;
}
.banner .banner-wrap {
  width: 100%;
  height: 550px;
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.banner .banner-wrap img {
  display: block;
  position: absolute;
  top: 0;
  left: 1900px;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.banner .banner-wrap ul {
  list-style: none;
  position: absolute;
  right: 100px;
  transform: translateX(-50%);
  bottom: 20px;
  width: 110px;
  height: 20px;
  border-radius: 10px;
  z-index: 10;
}
.banner .banner-wrap ul li {
  float: left;
  margin-top: 5px;
  width: 10px;
  height: 10px;
  margin-left: 10px;
  background-color: pink;
  border-radius: 50%;
}
.banner .banner-wrap span {
  position: absolute;
  top: 200px;
  display: block;
  width: 60px;
  height: 40px;
  font-size: 40px;
  color: #dfd7d7;
  z-index: 10;
}
.banner .banner-wrap span:nth-of-type(1) {
  left: 0px;
}
.banner .banner-wrap span:nth-of-type(2) {
  right: 0px;
}
.banner .banner-wrap ul li:nth-of-type(1) {
  background-color: blue;
}
.banner .banner-wrap img:nth-child(1) {
  left: 0;
  top: 0;
}
.vip-nav {
  width: 1200px;
  height: 88px;
  background: #f9faf8;
  margin: 0 auto;
  position: relative;
}
.vip-nav .vip-nav-wrap {
  position: absolute;
  width: 1200px;
  height: 88px;
  background: #faf9f9;
  top: -70px;
}
.vip-nav .vip-nav-wrap .vip-nav_f {
  width: 271px;
  height: 55px;
  float: left;
  border-right: 1px solid #d3d2d1;
  margin-top: 17px;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con {
  width: 244px;
  height: 52px;
  margin: 3px 0 0 26px;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_img {
  width: 52px;
  height: 52px;
  float: left;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_img img {
  width: 100%;
  height: 100%;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn {
  width: 150px;
  height: 52px;
  float: right;
  display: flex;
  flex-direction: column;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn span {
  display: flex;
  margin-top: 5px;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn span a {
  display: block;
  text-decoration: none;
  margin: 2px;
  color: #333;
  font-size: 14px;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn span .fl {
  width: 66px;
  height: 20px;
  font-size: 14px;
  border: 1px solid #e47b7f;
  color: #de5b60;
  border-radius: 10px;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn span .pd {
  width: 66px;
  height: 20px;
  font-size: 14px;
  border-radius: 10px;
  background: #595454;
  color: #fde4b3;
}
.vip-nav .vip-nav-wrap .vip-nav_f .vip_f_con .vip_f_conn span:hover .fl {
  background: #de5b60;
  color: #f8f1f1;
}
.vip-nav .vip-nav-wrap .vip-nav_c {
  width: 660px;
  height: 64px;
  float: left;
  margin-top: 17px;
}
.vip-nav .vip-nav-wrap .vip-nav_c ul {
  display: flex;
  justify-content: space-between;
}
.vip-nav .vip-nav-wrap .vip-nav_c ul li {
  list-style: none;
}
.vip-nav .vip-nav-wrap .vip-nav_c ul li a {
  display: block;
  width: 84px;
  height: 64px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 16px;
  color: #777;
}
.vip-nav .vip-nav-wrap .vip-nav_c ul li a img {
  width: 40px;
  height: 40px;
}
.vip-nav .vip-nav-wrap .vip-nav_c ul li a:hover {
  color: #e03535;
}
.vip-nav .vip-nav-wrap .vip-nav_r {
  width: 267px;
  height: 88px;
  float: left;
  border-left: 1px solid #e4e1e1;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_t {
  width: 266px;
  height: 44px;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_t a {
  display: block;
  line-height: 44px;
  text-decoration: none;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_t a span {
  width: 30px;
  height: 17px;
  color: #777;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f {
  width: 266px;
  height: 42px;
  border-top: 1px solid #e4e1e1;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f ul {
  display: flex;
  justify-content: space-around;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f ul li {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f ul li img {
  width: 20px;
  height: 20px;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f ul li a {
  text-decoration: none;
  display: flex;
  align-items: center;
  line-height: 42px;
  color: #777;
}
.vip-nav .vip-nav-wrap .vip-nav_r .vip_r_f ul li a:hover {
  color: #dd4b4b;
}
.home {
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  position: relative;
}
.home .home-wrap {
  position: absolute;
  width: 1200px;
  height: 250px;
  top: -40px;
}
.home .home-wrap ul {
  display: flex;
  justify-content: space-between;
}
.home .home-wrap ul li {
  list-style: none;
}
.home .home-wrap ul li a img {
  width: 290px;
  height: 200px;
}
.rxdp-title {
  width: 1200px;
  height: 66px;
  margin: 0 auto;
}
.rxdp-title h2 {
  height: 26px;
  font-size: 26px;
  color: #333;
  margin: 10px 0 20px 0;
}
.rxdp-con {
  width: 1200px;
  height: 604px;
  margin: 0 auto;
  overflow: hidden;
}
.rxdp-con .rxdp-con_l {
  width: 230px;
  height: 592px;
  margin: 6px 0;
  float: left;
}
.rxdp-con .rxdp-con_l img {
  width: 100%;
  height: 100%;
}
.rxdp-con .rxdp-con_r {
  width: 968px;
  height: 604px;
  float: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.rxdp-con .rxdp-con_r ul {
  display: flex;
  justify-content: space-between;
}
.rxdp-con .rxdp-con_r ul li {
  list-style: none;
}
.rxdp-con .rxdp-con_r ul li a {
  display: block;
  width: 230px;
  height: 290px;
  background: #f1f1f1;
  text-decoration: none;
  color: #fff;
}
.rxdp-con .rxdp-con_r ul li a span {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rxdp-con .rxdp-con_r ul li a span b {
  display: block;
  width: 48px;
  height: 22px;
  background: #2d59db;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.rxdp-con .rxdp-con_r ul li a .red-5G {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.rxdp-con .rxdp-con_r ul li a .red-5G b {
  display: block;
  width: 68px;
  height: 22px;
  background: #d31e1e;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.rxdp-con .rxdp-con_r ul li a .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.rxdp-con .rxdp-con_r ul li a .img img {
  width: 100%;
  height: 100%;
}
.rxdp-con .rxdp-con_r ul li a p {
  width: 230px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin: 10px 0;
  color: #a3a1a1;
}
.rxdp-con .rxdp-con_r ul li a p:nth-last-of-type(1) {
  color: #ec3333;
}
.jptj-con {
  width: 1200px;
  height: 311px;
  margin: 0 auto;
}
.jptj-con ul {
  display: flex;
  justify-content: space-between;
}
.jptj-con ul li {
  list-style: none;
}
.jptj-con ul li a {
  display: block;
  width: 230px;
  height: 240px;
  background: #f1f1f1;
  text-decoration: none;
  color: #fff;
}
.jptj-con ul li a span {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jptj-con ul li a span b {
  display: block;
  width: 48px;
  height: 22px;
  background: #2d59db;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.jptj-con ul li a .red-5G {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.jptj-con ul li a .red-5G b {
  display: block;
  width: 68px;
  height: 22px;
  background: #d31e1e;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.jptj-con ul li a .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.jptj-con ul li a .img img {
  width: 100%;
  height: 100%;
}
.jptj-con ul li a p {
  width: 230px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin: 10px 0;
  color: #a3a1a1;
}
.jptj-con ul li a p:nth-last-of-type(1) {
  color: #ec3333;
}
.banner2 {
  height: 200px;
  margin: 27px 0 13px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner2 .banner2-con {
  width: 1200px;
  height: 120px;
  background: orchid;
  margin: 0 auto;
}
.banner2 .banner2-con img {
  width: 100%;
  height: 100%;
}
.sj {
  width: 1200px;
  height: 1581px;
  margin: 0 auto;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sj .sj-title {
  width: 1200px;
  height: 32px;
  margin: 27px 0 10px;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}
.sj .sj-title h2 {
  width: 52px;
  height: 32px;
  font-size: 26px;
  color: #333;
  line-height: 32px;
}
.sj .sj-title .sj-con {
  width: 950px ;
  height: 32px;
  display: flex;
  justify-content: space-between;
}
.sj .sj-title .sj-con a {
  display: block;
  text-decoration: none;
  color: #000;
  margin: 0 10px;
  line-height: 32px;
}
.sj .sj-title .sj-con a:hover {
  color: #c54040;
}
.sj .sj-title div {
  width: 102px;
  height: 32px;
}
.sj .sj-title div a {
  display: block;
  text-decoration: none;
  color: #000;
  float: left;
  line-height: 32px;
}
.sj .sj-title div span {
  font-size: 16px;
  color: #000;
  float: left;
  line-height: 32px;
}
.sj ul {
  display: flex;
  justify-content: space-between;
}
.sj ul li {
  list-style: none;
}
.sj ul li a {
  display: block;
  width: 230px;
  height: 290px;
  background: #f1f1f1;
  text-decoration: none;
  color: #fff;
}
.sj ul li a span {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sj ul li a span b {
  display: block;
  width: 48px;
  height: 22px;
  background: #2d59db;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.sj ul li a .red-5G {
  display: block;
  width: 230px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sj ul li a .red-5G b {
  display: block;
  width: 68px;
  height: 22px;
  background: #d31e1e;
  text-align: center;
  border-radius: 0 0 5px 5px ;
}
.sj ul li a .img {
  width: 150px;
  height: 150px;
  margin: 0 auto;
}
.sj ul li a .img img {
  width: 100%;
  height: 100%;
}
.sj ul li a p {
  width: 230px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  margin: 10px 0;
  color: #a3a1a1;
}
